<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<title>login</title>
	<link rel="stylesheet" href="../assets/css/style.css">

</head>

<body>
	<div class="container">
		<!-- Sign Up -->
		<div class="container__form container--signup">
			<form action="https://www.html5tricks.com/demo/css3-login-reg-form/index.html?#" class="form" id="form1">
				<h2 class="form__title">Sign Up</h2>
				<input type="text" placeholder="User" class="input">
				<input type="email" placeholder="Email" class="input">
				<input type="password" placeholder="Password" class="input">
				<button class="btn">Sign Up</button>
			</form>
		</div>

		<!-- Sign In -->
		<div class="container__form container--signin">
			<form action="https://www.html5tricks.com/demo/css3-login-reg-form/index.html?#" class="form" id="form2">
				<h2 class="form__title">Sign In</h2>
				<input type="email" placeholder="Email" class="input">
				<input type="password" placeholder="Password" class="input">
				<a href="https://www.html5tricks.com/demo/css3-login-reg-form/index.html?#" class="link">Forgot your
					password?</a>
				<button class="btn">Sign In</button>
			</form>
		</div>

		<!-- Overlay -->
		<div class="container__overlay">
			<div class="overlay">
				<div class="overlay__panel overlay--left">
					<button class="btn" id="signIn">Sign In</button>
				</div>
				<div class="overlay__panel overlay--right">
					<button class="btn" id="signUp">Sign Up</button>
				</div>
			</div>
		</div>
	</div>
	<!-- partial -->
	<script src="../scripts/login.js"></script>
</body>

</html>